
body{
	margin: 0;
	padding: 0;
    font-weight: 300;
}
a{
    //disable dotted outline on focus
    outline:none!important;
    &:active{
        outline:none!important;
    }
}
/**
 * Core brick 
 */
#brick > .core(@brickWidth,@brickGutterWidth); 

/**
 * HEADER
 * -------------------------------------------------------------
 */
#header{
	background: @main_bg no-repeat fixed center center transparent; 
	.bg-cover;
		.header-holder{
			height: 1032px;
			width:100%;
		}
    h1{
        font-size:  @baseFontSize * 2.5; 
    }
	[class*="brick"] {
      background: @brickColor;
      color:@white;
      .inner{
        padding:20px 30px;
      }
        
    
    }
    .odd{
		 background: @brickColorOdd;
    }
    .transparent{
        background: none;
    }
    .logo_container{
        //position: fixed; 
        z-index: 2;
            .logo{
            text-align: center;
            font-size:  @baseFontSize * 4; 
            margin-top: (@brickHeigh/2) - (60/2)+10;
            a:hover,a:focus,a:active{
                color: @white;
                text-decoration: none;
            }
            &.image{
                margin-top:0;
            }
        }    
    }
     .nav-item{
        position: relative;
        display: block;
        .size(100%,100%);
        text-align: center;
        font-size: @baseFontSize*1.2;
        .nav-hover{
            content:'';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top:-8px;
            left:-8px;
            border:8px solid rgba(255,255,255,.5);
            opacity: 0;
            z-index:1;
            .transition(.2s ease-in-out all);
            .scale(0.95);

        }
        &:hover,&:active,&:focus{
            color:#fff;
            text-decoration: none
        }
        &:hover .nav-hover{
            opacity: 1;
             .scale(1);
        }
        i{
            display: block;
            font-size: 60px;
            padding-top: 45px;
        }
        span{
            display: block;
            padding-top: 10px;
        }
    }
     .thumb{
        background: none;
         .perspective(800px);

        img{
            display: block;
            width:100%;
            height:100%;
            position: absolute;
        }
        
        .scroll{
            overflow: hidden;
            .img2{
                 bottom:-@brickHeigh;
            }
        }
        .nav-item{         
            .transform-style(preserve-3d);
            .transition(transform 1s);
            -webkit-transition:-webkit-transform 1s;
            img{
                .backface-visibility(hidden);
                -webkit-backface-visibility: visible;
-webkit-backface-visibility: hidden;
            }
            &.flipX{
                .img2{
                    .rotateX(-180deg);
                }
            }
            &.flipY{
                  .img2{
                        .rotateY(-180deg);
                    }
                }
            
        }
        &.active{
              
            .flipX{
                .rotateX(-180deg);
                }
            .flipY{
                .rotateY(-180deg);
            }

        }
        .nav-hover{
            display: none;
        }
    }
}
.ie10 #header .thumb{
     .nav-item{         
            .transform-style(preserve-3d);
            .transition(transform 1s);
            -webkit-transition:-webkit-transform 1s;
            img{
                .backface-visibility(visible);
                -webkit-backface-visibility: visible;
                -webkit-backface-visibility: hidden;
            }
            &.flipX{
                .img2{
                    .rotateX(0);
                }
            }
            &.flipY{
                  .img2{
                        .rotateY(0);
                    }
                }
            
        }
        &.active{
              
            .flipX{
                .rotateX(0);
                }
            .flipY{
                .rotateY(0);
            }

        }
} 

/**
 * SLIDER
 * 
 */

#slider{
    background: url(../img/header-bg.png) no-repeat fixed center center transparent; 
    .bg-cover;
    color:#fff;
    border-bottom: 10px solid @brickColor;
    .container{
        position:relative;
            overflow: hidden;
    }
    ul{
        list-style: none;
        margin:0;
        padding:0;
    }

}
#sequence{
    height: 700px;
    .hero{
        text-align: right;  
    }
       .carousel-control{
        .border-radius(0);
        background: @brickColor;
        border:none;
        opacity: 1;
        font-size: 60px;
        bottom:0;
        top:auto;
        left:auto;
        .size(50px,50px);
        right:50px;
        line-height: 38px;
        z-index: 999;
        &:hover{opacity:1;  background:@brickColorOdd;}
        &.right{
            bottom:0;
            right:0;
          
        }

    }
    ul.sequence-canvas{
        display: block;
        overflow: hidden!important; 
        .size(100%,100%);
        >li{
            position: absolute;
            .size(100%,100%);
            > *{
                position:absolute;
              
            }
        }

    }
    .slide{
    >*{
            .transition(all 1s);
            opacity: 0;
        }
        .hero{
            right:10px;
            top:200px;
            width:500px;
        }
        &.animate-in{
            >* {
                opacity:1;
            }
        }
        &.animate-out{
            >* {
                opacity:0;
            }
        }
    }
}

.slide1{
    .item1{
        top:0;
        left:0;
    }
    .item2{
        left: 0;
        top: 50%;
    }
    .hero{
      //  margin-top:-100px;
    }
    &.animate-in{
        .item1{
            top:30%;
           
        }
        .item2{
            left: 22%;
            .transition-delay(.5s);
        }
        .hero{
            margin-top:0;
        }
    }
     &.animate-out{
        .item1{
            top:30%;
            left:0;
      
        }
        .item2{
           left: 22%;
           top: 50%;
        }
    }
    
}
.slide2{
    .item1{
       top:30%;
       left:0;
    }
    .item2{
        left: 22%;
        top: 50%;
    }
    .item3{
        top:0;
        left:35%;
    }
    &.animate-in{
       .item3{
         left: 35%;
        top: 15%;
        .transition-delay(.8s);
       }
    }
    &.animate-out{
        .item1{
            top:0;
             left:0;
      
        }
        .item2{
            left: 0;
            top: 40%;
        }
        .item3{
            left: 43%;
            top: 29%;
            .scale(.4)
        }
    }
}
.slide3{
    .item1{
       top:30%;
       left:0;
    }
    .item2{
        left: 52%;
        top: 54%;
    }
    .item3{
       left: 21%;
         top: 27%;
        .scale(.1)
    }
    &.animate-in{
       
       .item3{
        left: 28%;
        top: 27%;
        .scale(1);
        .transition-delay(1.1s);
       }
    }
    &.animate-out{
        .item1{
            top:0;
             left:0;
      
        }
        .item2{
            left: 0;
            top: 40%;
        }
    }
}
.carousel-control{
    .border-radius(0);
    border:none;
    font-size: 52px;
}
/**
 * NAV BAR
 * -------------------------------------------------------------
 */
.navbar{
    margin-bottom: 0;
    .brand{
        text-align: center;
        font-size:  @baseFontSize * 3; 
        font-family: @headingsFontFamily;
        text-shadow:none;
        padding:18px 80px 0 20px;
        &.image{
            padding-top:3px;
        }
    }
    .navbar-inner {
      border: 1px solid @navbarBorder;
      border-left: none;
      border-right:none;
      .border-radius(0);
      .box-shadow(0 1px 4px #000);
      background: url(../img/header-bg.jpg) no-repeat center bottom transparent; 
      .bg-cover;
        filter:none;
    }

}
.navbar .nav > li{
    position:relative;
    margin-right: 20px;
    .transition(color .5s ease-in-out);
     &:hover:before{
        content:'';
        border-top:1px solid @brickColor;
        display: block;
        width:100%;
        position:absolute;
        top:-1px;
    }
}
.navbar .nav > li > a {
    text-shadow:none;
    padding:15px 50px;
    .transition(color .5s ease-in-out);
    position: relative;

    i{
        font-size: 36px;
        position:absolute;
        top:7px;
        left:0;
    }
   
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
    background: none;
    box-shadow: none;
}
.navbar .nav > .active > a{
    background: none;
    box-shadow: none;
    &:hover{
    background: none;
    }
}


/**
 * SECTION
 * -------------------------------------------------------------
 */

.section{
    padding:90px 0 0 0;
    .hero{
        text-align: center;
        line-height: @baseLineHeight*1.5;
        margin-bottom: 20px;
        border-bottom: 1px solid #DDD;
        padding-bottom: 40px;
        h1{
            font-size: @baseFontSize*3;
        }
        p{
         font-size: @baseFontSize*1.6;   
        }
    }
}

/**
 * SERVICES
 * -------------------------------------------------------------
 */
#services{
    text-align: center;
    font-size: @baseFontSize*1.2;
    .container{
         border-bottom: 1px solid #ddd;
         padding-bottom: 40px;
    }
   
}
 .sev_list{
        height: auto;
        i{
            font-size: 70px;
            color:@brickColor;
            display: block;
            .transition(all .3s ease-out);
            padding-bottom: 20px;
        }
        p{
            padding:5px 10px;
        }
             padding:10px 0;
            .box-shadow(0 0 1px 150px rgba(0, 0, 0, 0) inset);
            .transition(all .3s ease-out);
            &:hover{
                background: @brickColor;
                color:@white;
                //.box-shadow(0 0 1px 0 rgba(51, 204, 102, 1) inset);
                i{
                    color:@white;
                    padding-top:15px;
                    margin-bottom: -15px;
                    
                }
            }
       
    }

/**
 * PORTFOLIO
 * -------------------------------------------------------------
 */
#portfolio{
    text-align: center;
    font-size: @baseFontSize*1.2;
    .container{

    }
    .hero{
        padding-bottom: 60px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    ul{
        margin:0 auto;
        padding: 0;
        list-style: none;
        li{
            display: block;
            float:left;
        }
    }
   

}

 .isotope{
        .item{
            position:relative;
            overflow: hidden;
            img{
                .border-radius(50%);
                .scale(0);
                .transition(all 0.6s ease-out);
                float:none;
            }
        }
   
    
    }

 .portfolio{
    text-align: center;
    font-size: @baseFontSize*1.2;
 }   
.filter{
         margin:0 auto;
        padding: 0;
        list-style: none;
       display: inline-block;
       margin:0 auto 15px;
        a{
            color:@textColor;
            &.active,&:hover,&:active,&:focus{
                text-decoration: underline;
            }
        }
        li{
            display: block;
            float:left;
            margin-right: 15px;
        }

    }
    .isotope{
        margin:0 auto;
        padding: 0;
        list-style: none;
        .item{
            position:relative;
            display: block;
            float:left;
            overflow: hidden;
            &.active{
                img{
                    .border-radius(0);
                    .transform-style(preserve-3d);
                    .scale(1);
                }
            }
            .hover{
                display: block;
                position: absolute;
                .size(100%,100%);
                z-index: 3;
                text-align: center;
                .rgba(@brickColor,.8);
                img{
                    .size(50px,50px);
                    margin-top:45px;
                }
                h4{
                    margin-bottom:0;
                }
                p{
                    font-size:@fontSizeSmall;
                }
            }
        }
    }

    /**** Isotope Filtering ****/

    .isotope-item {
      z-index: 2;
    }

    .isotope-hidden.isotope-item {
      pointer-events: none;
      z-index: 1;
    }

    /**** Isotope CSS3 transitions ****/

    .isotope,
    .isotope .isotope-item {
      -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
          -ms-transition-duration: 0.8s;
           -o-transition-duration: 0.8s;
              transition-duration: 0.8s;
    }

    .isotope {
      -webkit-transition-property: height, width;
         -moz-transition-property: height, width;
          -ms-transition-property: height, width;
           -o-transition-property: height, width;
              transition-property: height, width;
    }

    .isotope .isotope-item {
      -webkit-transition-property: -webkit-transform, opacity;
         -moz-transition-property:    -moz-transform, opacity;
          -ms-transition-property:     -ms-transform, opacity;
           -o-transition-property:      -o-transform, opacity;
              transition-property:         transform, opacity;
    }

    /**** disabling Isotope CSS3 transitions ****/

    .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
      -webkit-transition-duration: 0s;
         -moz-transition-duration: 0s;
          -ms-transition-duration: 0s;
           -o-transition-duration: 0s;
              transition-duration: 0s;
    }


/**
 * DIVIDER
 * ------------------------------------------
 */
.divider{
    padding-top:50px;
    .bg-holder{
        height: 350px;
        background: url(../img/fur.jpg) no-repeat center center fixed; 
        .bg-cover;
    }
    .hero{
        color:@white;
        padding-top:95px;
        border-bottom: none;
        h1{
            margin-bottom: 20px;
        }
        .btn{
            width:200px;
            position: relative;
            .nav-hover{
                content:'';
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                top:-8px;
                left:-8px;
                border:8px solid rgba(255,255,255,.2);
                opacity: 0;
                z-index:1;
                .transition(.2s ease-in-out all);
                .scale(0.95);

            }
            &:hover .nav-hover{
                opacity: 1;
                 .scale(1);
            }
        }
    }
}
.btn{
        position: relative;
        .nav-hover{
            content:'';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top:-8px;
            left:-8px;
            border:8px solid rgba(255,255,255,.2);
            opacity: 0;
            z-index:1;
            .transition(.2s ease-in-out all);
            .scale(0.95);

        }
        &:hover .nav-hover{
            opacity: 1;
             .scale(1);
        }
    }
/**
 * ABOUT US
 * ---------------------------------------------------------
 */
#about-us{
    .container{
       padding-bottom: 20px;
       border-bottom:1px solid #ddd;
    }
   
}
 .our-team{
        margin-bottom: 30px;
    }
    .team{
        height:195px;
        background: #ddd;
        position: relative;
        .name{
            small{
                font-family: @sansFontFamily;
                text-transform: normal;
                font-weight: 300;
                font-style: italic;
                font-size: 14px;
                color:@grayDark;
            }
        }
        .ava{
            float:left;
            width:195px;
            height:195px;
            overflow: hidden;
        }
        .info{
            margin:0 0 0 205px;
            padding: 10px 0 0;
        }
    .social{
        position: absolute;
        left:195px;
        bottom:0;
    }
     &:hover{
       // background: @brickColor;
      //  color:@white;
       
     }

    }
 .social{
           
            font-size: 25px;
            a{
                display: inline-block;
                width:50px;
                height:50px;
                text-align: center;
                vertical-align: center;
                background: #ddd;
                .box-shadow(0 0 1px 100px rgba(255, 255, 255, 0.3) inset);
                .transition(all .3s ease-out);
                margin-right:2px;
                &.facebook{
                    background: #3B5998;
                }
                &.twitter{
                    background: #2DADDC;
                }
                &.gplus{
                    background: #C53727;
                }
                &.linkedin{
                    background: #3399CC;
                }
                &.facebook:hover{
                    background: @brickColor;
                }
                &.twitter:hover{
                    background: @brickColor;
                }
                &.gplus:hover{
                    background: @brickColor;
                }
                &.linkedin:hover{
                    background: @brickColor;
                }
                &:hover{
                    color:@white;
                    text-decoration: none;
                    opacity:1;
                    .box-shadow(0 0 1px 0px rgba(255, 255, 255, 0.6) inset);
                }
            }
            i{
                padding-top: 12px;
            }
       }
    a.social{
           
            font-size: 25px;
           
                display: inline-block;
                width:50px;
                height:50px;
                text-align: center;
                vertical-align: center;
                background: #ddd;
                .box-shadow(0 0 1px 100px rgba(255, 255, 255, 0.3) inset);
                .transition(all .3s ease-out);
                margin-right:2px;
                &.facebook{
                    background: #3B5998;
                }
                &.twitter{
                    background: #2DADDC;
                }
                &.gplus{
                    background: #C53727;
                }
                &.linkedin{
                    background: #3399CC;
                }
                &.facebook:hover{
                    background: @brickColor;
                }
                &.twitter:hover{
                    background: @brickColor;
                }
                &.gplus:hover{
                    background: @brickColor;
                }
                &.linkedin:hover{
                    background: @brickColor;
                }
                &:hover{
                    color:@white;
                    text-decoration: none;
                    opacity:1;
                    .box-shadow(0 0 1px 0px rgba(255, 255, 255, 0.6) inset);
                }
            i{
                padding-top: 12px;
            }
       }
/**
 * TESTIMONIAL 
 * -------------------------------------
 */

.testimonial{
    color:#fff;
    h3{
        border-bottom:1px solid #fff;
        padding-bottom: 20px;
    }
    .bg-holder{
        background: url('../img/minimalist.jpg') no-repeat fixed  center center transparent;
        
    }
     margin:20px 200px 0;
     text-align: left;
    
    .thumbnail{
        .size(50px,50px);
        float:left;
    }
    .msg{
        margin-left: 80px;
        strong{
            font-size:18px;
        }
        p{
            margin:10px 0;
            line-height: 20px;
            font-style:italic;
            font-size: @baseFontSize;
        }
    }
}

/**
 * BLOG
 * -----------------------
 */
.blog_container{
    [class*=brick]{
        background: @brickColor;
        position:relative;
    }
    .odd{
        background: @brickColorOdd;
    }
    .row-full{
        overflow: hidden;
    }
    .mCSB_container p{
        height:100%;
    }
    iframe{
        width:100%;
        height: 100%;
    }
    .article{
        display: block;
        .size(100%,100%);
        img{
            height:100%;
            max-width:none;
        }
        &:hover{
            .meta{
                opacity:1;
                height: 45px;

            }
        }
        .meta{
            position:absolute;
            bottom:0;
            width:95%;
           .rgba(@brickColor,.9);
            display: block;
            height: 0;
            opacity:0;
            text-overflow:ellipsis;
            overflow: hidden;
            padding:0 5%;
            .transition(all .4s ease-in);
            i{
                font-size: 35px;
                float:left;
                margin-right:10px;
            }
            h5{
                margin:5px 0 0;
                height:45px;
                overflow: hidden;

            }
            .desc{display: none;}
        }
    }
     .brick2{
        .article{
            h5{
                font-size:18px;
            }
            &:hover{
               .meta{
                   .rgba(@brickColor,.8);
                   bottom:0;
               }
            }
            .meta{
                height:100%;
                opacity:1;
                font-size: 15px;   
                bottom:-150px; 
                 .transition(all .4s ease-out);
                .desc{
                    border-top: 1px solid #FFFFFF;
                    padding: 5px 0;
                    display: block;
                }
            }
        }
    }
}

/**
 * Modal box
 */

.modal{
    .border-radius(0);
    width:980px;
    margin-left:-(980px/2);
    .modal-footer{
        background: @brickColor;
        border:0;
        padding:5px 0;
        .border-radius(0);
    }
    iframe{
        width:100%;
    }
    button.close{
        width:50px;
        height: 50px;
        font-size: 30px;
        opacity:1;
        box-shadow: 0 0 1px 100px hsla(hue(@brickColor), saturation(@brickColor), lightness(@brickColor), 1) inset;
        color:@white;
        background: @brickColorOdd;
        .transition(all .3s ease-out);
        &:hover{
            opacity:1;
            box-shadow: 0 0 1px 0px rgba(255, 255, 255, 0.3) inset;
        }
        position: absolute;
        right:15px;
        top:15px;
        z-index:9;
    }
    .modal-body{
        max-height: none;
        overflow-y:auto;
        > p{
            text-align: left;
        }
    }
    .carousel-indicators{
        left:0;
        bottom:8px;
        top:auto;
        li{
            .border-radius(0);
            &.active{
                    .scale(1.3);
            }
        }

    }
    .carousel-caption{
        padding:12px;
    }
    .carousel-control{
        .border-radius(0);
        background: @brickColor;
        border:none;
        opacity: 1;
        font-size: 60px;
        bottom:0;
        top:auto;
        left:auto;
        .size(50px,50px);
        right:50px;
        line-height: 38px;
        &:hover{opacity:1;}
        &.right{
            bottom:0;
            right:0;
            background:@brickColorOdd;
        }
    }
}

div.rotate_container{
    position: fixed;
     margin:-25px 0 0 -25px;
     left:50%;
    top:50%;
    z-index: 99999999;
    display: none;
}
ul.rotate_wrapper {
    position: relative;
    margin:0;
    padding:0;
    width: 50px;
    height: 50px;
    list-style: none;
    
}

ul.rotate_wrapper li.rotate_item {
    width: 100%;
    height: 100%;
    border-radius: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -o-border-radius: 52px;
    top: 0;
    left: 0;
    z-index: 99;
    text-indent: -9999px;
    display: block;
    position: absolute;
    border: none;
}
ul.rotate_wrapper li.rotate_item span {
    background: #FFFFFF;
    bottom: 0px;
    left: 50%;
    margin-left: -2px;
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

/* CSS3 Animations */
ul.rotate_wrapper li.rotate_item {
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    animation-name:orbit;

    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -webkit-animation-name:orbit;
    
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -moz-animation-name:orbit;

    -o-animation-iteration-count:infinite;
    -o-animation-timing-function:linear;
    -o-animation-name:orbit;
}

ul.rotate_wrapper li.rotate_item {
    animation-duration:4s;
    -webkit-animation-duration:4s;
    -moz-animation-duration:4s;
    -o-animation-duration:4s;
}

.delay1 {
    animation-delay:0.2s;
    -moz-animation-delay:0.2s; /* Firefox */
    -webkit-animation-delay:0.2s; /* Safari and Chrome */
    -o-animation-delay:0.2s; /* Opera */
}

.delay2 {
    animation-delay:0.4s;
    -moz-animation-delay:0.4s; /* Firefox */
    -webkit-animation-delay:0.4s; /* Safari and Chrome */
    -o-animation-delay:0.4s; /* Opera */
}

.delay3 {
    animation-delay:0.6s;
    -moz-animation-delay:0.6s; /* Firefox */
    -webkit-animation-delay:0.6s; /* Safari and Chrome */
    -o-animation-delay:0.6s; /* Opera */
}

.delay4 {
    animation-delay:0.8s;
    -moz-animation-delay:0.8s; /* Firefox */
    -webkit-animation-delay:0.8s; /* Safari and Chrome */
    -o-animation-delay:0.8s; /* Opera */
}

@keyframes orbit {
    0% {
        transform:rotate(0deg);
        opacity: 1;
    }
    5% {
        transform:rotate(90deg);
        opacity: 1;
    }
    45% {
        transform:rotate(270deg);
        opacity: 1;
    }
    55% {
        transform:rotate(540deg);
        opacity: 1;
    }
    75% {
        transform:rotate(630deg);
        opacity: 1;
    }
    80% {
        transform:rotate(720deg);
        opacity: 0;
    }
    100% {
        transform:rotate(720deg);
        opacity: 0;
    }
}

@-webkit-keyframes orbit {
    0% {
        -webkit-transform:rotate(0deg);
        opacity: 1;
    }
    5% {
        -webkit-transform:rotate(90deg);
        opacity: 1;
    }
    45% {
        -webkit-transform:rotate(270deg);
        opacity: 1;
    }
    55% {
        -webkit-transform:rotate(540deg);
        opacity: 1;
    }
    75% {
        -webkit-transform:rotate(630deg);
        opacity: 1;
    }
    80% {
        -webkit-transform:rotate(720deg);
        opacity: 0;
    }
    100% {
        -webkit-transform:rotate(720deg);
        opacity: 0;
    }
}

@-moz-keyframes orbit {
    0% {
      -moz-transform:rotate(0deg);
        opacity: 1;
    }
    5% {
      -moz-transform:rotate(90deg);
        opacity: 1;
    }
    45% {
     -moz-transform:rotate(270deg);
        opacity: 1;
    }
    55% {
     -moz-transform:rotate(540deg);
        opacity: 1;
    }
    75% {
     -moz-transform:rotate(630deg);
        opacity: 1;
    }
    80% {
     -moz-transform:rotate(720deg);
        opacity: 0;
    }
    100% {
        -moz-transform:rotate(720deg);
        opacity: 0;
    }
}

@-o-keyframes orbit {
    0% {
        -o-transform:rotate(0deg);
        opacity: 1;
    }
    5% {
        -o-transform:rotate(90deg);
        opacity: 1;
    }
    45% {
        -o-transform:rotate(270deg);
        opacity: 1;
    }
    55% {
        -o-transform:rotate(540deg);
        opacity: 1;
    }
    75% {
        -o-transform:rotate(630deg);
        opacity: 1;
    }
    80% {
        -o-transform:rotate(720deg);
        opacity: 0;
    }
    100% {
        -o-transform:rotate(720deg);
        opacity: 0;
    }
}

/**
 * Contact
 */
#contact{
    padding-bottom: 50px;
    .map{
        iframe{
            width:100%;
        }
    }
    ul{
        list-style: none;
        margin:0;
        padding:0 0 10px;
    }
}
/**
 * Progess bar
 */
.progress {
    height: 30px;
    margin-bottom:10px;
    background:#ccc;
    .box-shadow(none);
}
.progress .bar{
    background: @brickColor;
    .box-shadow(none);
    font-size: inherit;
    text-transform: uppercase;
    line-height: 28px;
    text-indent:10px;
    text-align: left;
    text-shadow: none;
    .transition(width 1s ease);
}

/**
 * Blog page
 */

#blog-content{
    .meta{
        position:relative;
        .rgba(@brickColor,.8);
        margin-top: -56px;
        height:46px;
        color:#fff;
        h1{
            padding:5px 20px;
            font-size: @baseFontSize *1.8 ;
        }
    }
    .format-video{
        .meta{
            margin-top:-10px;
        }
    }
    .author{
        border-bottom: 1px solid #ddd;
        font-style: italic;
        font-size: @fontSizeSmall;
        padding: 20px 0 5px;
    }
    .content{
        border-bottom:1px solid #ddd;
        padding-bottom:20px;
    }
    small.author{
        border:none;
    }
  
}
.type-post{
      a,a:hover,a:active,a:focus{
        color:#333;
    }
    .btn{
        padding:5px;
        color:#fff;
    }
     .btn:hover, .btn:active, .btn:focus{
        color:#fff;
     }
}

blockquote{
    margin-left: 20%;
    border-left: 10px solid @brickColor;
    background: #333;
    color:#fff;
    padding:40px 10px 40px 40px;
    p{
        font-style:italic;
    }
    
}
/**
 * Comment list
 */
.comment_wrap{
    a,a:hover,a:active,a:focus{color:@brickColor;}
}
.commentlist{
    margin:0;
    padding:0;
    list-style: none;
    padding-bottom: 20px;
    border-bottom:1px solid #ddd;
    ul{
        margin-left:50px;
        padding:0;
        list-style: none;
    }
    .avatar{
        display: block;
        float:left;
        .size(50px,50px);
    }
    .name{
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .comment-content{
        margin-left: 70px;
        font-size: 15px;
        a{
            color:@brickColor;
        }
    }
    .comment-reply-link{
        font-style:italic;
    }
    time{
        color:#ccc;
        font-size: italic;
        padding-left: 20px;
    }
    .comment{
        margin-bottom: 20px;
    }
}
#commentform{
    padding-bottom: 20px;
    input,textarea,button{
        width:100%;
        .box-sizing(border-box);
        font-family: 'Open Sans',sans-serif;
        font-weight: 200;
    }
    input,textarea{
        height:50px;
        background: #ddd;
        .box-shadow(none);
        border:none;
        &:focus{
            .box-shadow(none);           
        }
    }
    textarea{
        height: 100px;
    }
    .comment-form-author,.comment-form-email,.comment-form-url{
        width:31.914893617021278%;
        margin-left: 2.127659574468085%;
        float:left;
    }
    .comment-form-author{
        margin-left: 0;
    }
    input#submit,.btn{
        font-family: 'Open Sans',sans-serif;
        padding:10px 0;
        font-weight: 200;
        text-transform: none;
        background: @brickColor;
        color:#fff;
        font-weight: 600;
        i{
            display: block;
            font-size: 50px;
            margin-bottom: 10px;
        }
        &:hover{
            background: @brickColorOdd;
        }
    }
    code{
        white-space:normal;
    }

}

/**
 * footer
 * 
 */
#footer{
    background: @brickColor;
    padding:10px 0;
    color:#fff;
    position:relative;
    font-size: @fontSizeSmall;
    a{
        font-weight: 400;
    }
}

/**
 * Search
 */
#search{
    input#s{
        background: url(../img/search.png) right center no-repeat #fff;
        border:1px solid @brickColor;
        .box-shadow(none);
        font-size: @fontSizeSmall;
        font-style: italic;
        width:100%;
        .box-sizing(border-box);
        height: 45px;

    }
}
/**
 * Sidebar
 */

.widget{
    border-bottom:1px solid #ddd;
    padding-bottom: 10px;
    a{
        color:#333;
        &:hover{
            text-decoration: none;
        }
    }
    ul{
        list-style: none;
        margin:0;
        padding:0;
    }
    li{
        .transition(all .4s);
        padding:10px;
        &:hover{
            background: @brickColor;
            a{
                color:#fff;
            }
        }
    }
    h1{
        font-size: @baseFontSize * 1.75;;
    }
    .tagcloud{
        a{
            display: inline-block;
            background: @brickColor;
            padding:5px 10px;
            font-size: 14px!important;
            &:hover{
                background: @brickColorOdd;
            }

        }
        a{
            color:#fff;
        }
    }
}
#btn_up{
    color:#fff;
    .size(50px,50px);
    background: @brickColor;
    text-transform: uppercase;
    font-family: @headingsFontFamily;
    position: absolute;
    right:20px;
    top:-100px;
    line-height: 50px;
    font-size:28px;
    text-align: center;
    &:hover{
        background: @brickColorOdd;
        text-decoration: none;
    }
}

/**
 * Tab nav
 */

// Actual tabs (as links)
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: @baseLineHeight;
  border: 1px solid transparent;
  .box-sizing(border-box);
  color: @grayDark;
  position:relative;
  .border-radius(0);
  &:hover,
  &:focus {
    border-color: @grayLighter @grayLighter #ddd;
  }
}
// Active state, and it's :hover/:focus to override normal :hover/:focus
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: @grayDark;
  background-color: @bodyBackground;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;

  &:before{
    display: block;
    content:'';
    height: 4px;
    width:100%;
    top:-1px;
    left:-1px;
    position: absolute;
    background: @brickColor;
    border:1px solid @brickColor;
  }
}
.tab-content{
    text-align: left;
    overflow: visible;
    padding:10px 0;
}
.search .section,.archive .section{
    padding:100px 0;
    min-height: 1000px;
    a,a:hover,a:active,a:focus{
        color:@brickColor;

    }
    .widget{
        a{
        color:#333;
            &:hover{
                color:#fff;
                text-decoration: none;
             }
        }
        li:hover{
            a{
                color:#fff;
            }
        }
    }

}
#wp-calendar{
    a,caption{
        font-weight: bold;
    }
    caption{
        padding:10px 0;
    }
    td{ padding:10px;}
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
    color:#333;
}
.tab_wrap{
    border-bottom:1px solid #ddd;
}
//fix gmap

.google_map img{
    display: inline;
    max-width: none;
    clear: none!important;
}

.entry-content{
    .clearfix();
}